<!DOCTYPE html>
<html>
<head>
	<base href=""/>
	<meta charset="UTF-8">
  	<title>异常规则设置</title>
  	<link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  	<link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  	<link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  	<link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  	<script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  	<script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  	<script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  	<script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  	<script type="text/javascript" src="../static/js/common.js"></script>
  	<script type="text/javascript" src="../static/js/messageContent.js"></script>
  	<script type='text/javascript' src='../static/js/abnormalRule.js'></script>
  	<script type='text/javascript' src='../static/table/abnormalRuleTable.js'></script>
</head>
<body>
  <div class="top">
	<h4 class="partTitle">
		当前位置: 充电记录<span class="comSpanTitle">></span>异常规则设置
	</h4>
  </div>
  <div class="blueBorder"></div>
  <div class="recordTBody">
	<div class="partWhite">
		<div class="comHtmlTitle"><span class="borBlue"></span>异常规则—列表
			<div class="floatRight">
				<img id="saveOne" src="../static/images/saveBtn.png" height="30" width="30" 
					onMouseOver="showImage('saveTwo', 'saveOne', this);" 
					onMouseOut="showImage('saveOne', 'saveTwo', this);"/> 
				<span id="saveTwo"  class="displayNone bacLightGreen fontWhite details" style="padding:5px;" 
					onclick="save()" onMouseOver="showImage('saveTwo', 'saveOne', this);" 
					onMouseOut="showImage('saveOne', 'saveTwo', this);">添加</span>
				<img id="deleteOne" src="../static/images/deleteBtn.png" height="30" width="30"
					onMouseOver="showImage('deleteTwo', 'deleteOne', this);" 
					onMouseOut="showImage('deleteOne', 'deleteTwo', this);"/>
				<span id="deleteTwo" class="displayNone bacLightRed fontWhite details" style="padding:5px;" 
					onclick="del()" onMouseOver="showImage('deleteTwo', 'deleteOne', this);" 
					onMouseOut="showImage('deleteOne', 'deleteTwo', this);">删除</span>
			</div>
			<div class="partTable">
	            <table class="table table-hover" id="abnormalRuleTable">
	                <thead id="abnormalRuleThead">
	                </thead>
	                <tbody id="abnormalRuleTbody">
	                </tbody>
	            </table>
	        </div>
		</div>
    </div>
  </div>
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="save" tabindex="-1" class="modal fade popup">
	<div class = "popupTable">
	  <div class="modal-header titleAll">
		<button type="button" class="close" data-dismiss="modal" aria-label="Close">
		  <span aria-hidden="true" class="close">&times;</span>
		</button>
		<h4 class="modal-title" id = "title"></h4>
	  </div>
	  <form id="saveForm">
		<div class="transverseLine"></div>
		<div class="modal-body">
		  <div class="modal-header title"><strong>基本信息</strong></div>
		  <table class="table table-hover">
			<thead id="detailThead">
			</thead>
			<tbody id="detailTbody">
			</tbody>
		  </table>
		</div>
	  </form>
	  <div class="modal-footer">
		<button id="confirm" type="button" class="btn btn-primary" onclick="$ajax(getUrl, 'saveForm', saveAbnormalRule, confirm)">确定</button>
		<button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
	  </div>
    </div>
  </div>
</body>
</html>